#body {
  background-color: #f7f7f7;

  >div {
    width: 1000px;
    margin: 0 auto;

    >.list {
      display: flex;
      flex-wrap: wrap;

      >li {
        width: calc((100% - 10px * 3) / 4);
        margin: 0 10px 10px 0;
        background-color: white;

        &:nth-child(4n) {
          margin-right: 0;
        }

        >img {
          width: 100%;
        }

        >p {
          padding: 5px;
          height: 3em;
          // 文字2行
          text-overflow: ellipsis;

          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;

          display: -moz-box;
          -moz-line-clamp: 2;
          -moz-box-orient: vertical;

          overflow-wrap: break-word;
          word-break: break-all;
          white-space: normal;
          overflow: hidden;
        }

        >div {
          padding: 5px;
          display: flex;
          justify-content: space-between;

          >b {
            font-size: 20px;
            color: red;
          }

          >span {
            color: #666;
            font-size: 12px;
          }
        }
      }
    }


  }
}